Docusaurus로 블로그 개설하기 - 2. 설치 및 배포
1) 도메인 구입
도메인 구입은 Porkbun이라는 사이트에서 진행했다.
왜 Porkbun인가?
도메인을 구입할 수 있는 서비스는 정말 많은데, 그중에서 Porkbun을 선택했다. 사실 큰 이유는 없다.
비교군으로 있는 CloudFlare, GoDaddy, .... 등 무수히 많은 업체들이 있다.
내가 하고 싶은 도메인 주소를 각각 사이트에 들어가서 입력하면 가격이 나오는데,
가격도 얼추 저렴했다.
(정확히 기억은 안나지만 4?5불 정도 했던걸로 기억한다)
물론 갱신 비용은 이보다 4~5배 비싸지만, 그렇다 하더라도 3만원 정도로
아예 감당하지 못할 가격은 아니기 때문에 빠르게 결정했다.
도메인 구입 과정
도메인 구입은 생각보다 간단했다.
Porkbun에 들어가서
- 내가 원하는 도메인을 검색하고
- 마음에 드는 도메인을 골라서 장바구니에 담고
계정 만들고 결제하면 끝!
나의 경우에는 everysecondcounts 라는 문구를 이용했다.
디즈니+의 더베어라는 드라마를 재밌게 봤었는데, 인상 깊었던 문구였다.
시간을 허투루 쓰지 않고 매 순간을 소중히 여기자는 의미가
회의감이 들던 시기에 크게 와닿았었다.
2) Vercel에서 블로그 서버 배포하기
최신 도큐사우루스 소스 받기
node.js 18 버전 이상이 설치되어 있어야 한다.
node.js 설치를 완료했다면 먼저 도큐사우루스 최신 버전을 받아야 한다.
터미널에서 프로젝트를 받을 경로로 이동하여 해당 명령어를 입력하여 소스를 받는다:
npx create-docusaurus@latest my-website classic
그리고 자신의 Git에 레포지토리를 만들고 해당 소스 코드를 업로드하면 된다.
해당 부분은 pass...
Vercel로 배포하기
Vercel에 대해 Claude로 질문하여 얻은 결과이다.
Vercel은 웹 애플리케이션과 정적 사이트를 위한 클라우드 플랫폼입니다. 주요 특징들을 설명드리면:
1. 핵심 기능
- 자동 배포: GitHub/GitLab/Bitbucket과 연동하여 코드 변경 시 자동 배포
- 정적 사이트 호스팅: HTML, CSS, JavaScript로 만든 정적 웹사이트 호스팅
- 서버리스 함수: API 엔드포인트를 서버리스 함수로 구현 가능
- 글로벌 CDN: 전 세계 엣지 네트워크를 통한 빠른 콘텐츠 전송
2. 주요 장점
- 무료 티어 제공
- 설정이 매우 간단함
- HTTPS가 기본 지원됨
- 커스텀 도메인 설정 가능
- 실시간 프리뷰 기능 제공
3. 잘 맞는 프레임워크
- Next.js (Vercel이 만든 프레임워크)
- React
- Vue
- Nuxt
- Docusaurus
- 기타 정적 사이트 생성기(Static Site Generators)
Vercel은 특히 프론트엔드 프로젝트나 JAMstack 애플리케이션 배포에 많이 사용됩니다.
간단히 말하자면, 웹사이트를 쉽고 빠르게 배포할 수 있는 서비스이다.
Github와 연동하면 코드를 푸시할 때마다 자동으로 사이트가 업데이트되고,
호스팅도 무료로 제공한다.
React와 Next.js 같은 현대적인 웹 프레임워크로 만든 사이트를 배포하기 좋아
개발자들 사이에서 많이 사용되는 툴이다.
Vercel에 접속하여 Start Deploying 버튼을 클릭한다.
해당 화면에서 Github / GitLab / Bitbucket 중 편한 툴을 선택하여
레포지토리로부터 도큐사우루스 소스 코드를 가져온다.
그 다음 Project Name을 설정 (기본 값은 레포지토리 명칭) 한 다음 Deploy를 진행한다.
그 다음 대시보드에서 본인이 생성한 프로젝트를 확인할 수 있다.
DNS 연결
해당 대시보드에서 Settings -> Domains 으로 접속하여, 아까 구매한 도메인 주소를 Add한다.
그럼 A records와 CNAME records 값을 확인할 수 있다.
그 다음 아까 도메인을 구입한 Porkbun에서 우측 상단 Account → Domain Management 클릭한다.
DNS Records의 우측에 편집 버튼을 클릭해 A records와 CNAME records를 각각 추가해준다.
1. Type - A record
1. Host - @
2. Answer / Value - IP 주소 입력
2. Type - Cname
1. Host - www
2. Answer / Value - ~.com 입력
그럼 조금 기다리면 Vercel에서 도메인이 등록됨을 확인할 수 있고,
내가 구매한 도메인으로 접속하면 배포가 된 도큐사우루스 페이지를 확인할 수 있다!
다음 번에는 다국어, Github Acition 연동 등 세부 기능들에 대해 다루어 볼 예정이다.